<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta content="width=device-width,initial-scale=1.0, user-scalable=no" name="viewport"/>
    <meta content="yes" name=" apple-mobile-web-app-capable"/>
    <meta content="no" name="apple-touch-fullscreen"/>
    <meta content="black" name=" apple-mobile-web-app-status-bar-style"/>
    <meta content="telephone=no" name="format-detection"/>
    <title>投黄金炒原油</title>
    <script src="../js/base.min.js"></script>
    <script src="../js/swiper.min.js"></script>
    <script src="../js/jquery-3.3.1.min.js"></script>
    <link rel="stylesheet" href="../css/swiper.min.css"/>
    <link rel="stylesheet" href="../css/index.css"/>
    <link rel="stylesheet" href="//at.alicdn.com/t/font_974373_haytsrcs6k4.css"/>
</head>
<body>

<!--头部开始-->
<header flex="main:center">
    <button type="button"></button>
</header>
<!--头部结束-->

<!--第一层开始-->
<ul class="f1">
    <li></li>
    <li></li>
    <li></li>
    <li></li>
</ul>
<!--第一层结束-->

<!--第二层开始-->
<div class="title"></div>
<div class="pic" flex="main:center cross:center ">
    <img src="../img/pic@2x.png"/>
</div>
<!--第二层结束-->

<!--第三层开始-->
<div class="title2"></div>
<ul class="f3">
    <li>
        <div></div>
        <h1>顶级分析智囊</h1>
        <p>带你全维度把握行情</p>
    </li>
    <li>
        <div></div>
        <h1>绝秘投资内参</h1>
        <p>独家内参让盈利飞一会</p>
    </li>
    <li>
        <div></div>
        <h1>资金安全保障</h1>
        <p>2小时极速出金</p>
    </li>
    <li>
        <div></div>
        <h1>直播室精彩互动</h1>
        <p>24小时在线直播</p>
    </li>
</ul>
<!--第三层结束-->

<!--第四层开始-->
<div class="title3"></div>
<!--<div class="f4" flex="main:center cross:center">-->
    <!--<span>恭喜132xxxx9210&nbsp;&nbsp;黄先生注册领取&nbsp;&nbsp;<span>$50</span></span>-->
<!--</div>-->
<div class="swiper-container f4">
    <div class="swiper-wrapper">
        <div class="swiper-slide" flex="main:center cross:center"><span>恭喜142xxxx9210&nbsp;&nbsp;黄先生注册领取&nbsp;&nbsp;<span>$20</span></span></div>
        <div class="swiper-slide" flex="main:center cross:center"><span>恭喜162xxxx9510&nbsp;&nbsp;陈先生注册领取&nbsp;&nbsp;<span>$40</span></span></div>
        <div class="swiper-slide" flex="main:center cross:center"><span>恭喜132xxxx9260&nbsp;&nbsp;林先生注册领取&nbsp;&nbsp;<span>$50</span></span></div>
    </div>
</div>
<p class="people">
    316人已领取
</p>
<ul class="user">
    <li class="round"></li>
    <li class="round"></li>
    <li class="round"></li>
    <li class="round"></li>
    <li class="round"></li>
    <li class="round"></li>
    <li class="round"></li>
    <li class="round"></li>
    <li class="round"></li>
    <li class="round"></li>
    <li class="dot">...</li>
</ul>
<!--第四层结束-->

<!--底部开始-->
<footer flex="cross:center">
    <span class="gift"></span>
    <div class="phone" flex="cross:center">
        <i class="iconfont icon-shouji" flex="main:center"></i>
        <input type="tel" placeholder="请输入你的手机号" maxlength="25"/>
    </div>
    <button>立即领取</button>
</footer>
<!--底部结束-->
<!--ios的active-->
<script>
    document.body.addEventListener('touchstart',function(){});
</script>
<script src="../js/index.js"></script>
</body>

</html>